.template-option.d-flex.align-items-center{ data: { qa_selector: 'template_option_container' } }
  .logo.gl-mr-3.px-1
    = image_tag template.logo, size: 32, class: "btn-template-icon icon-#{template.name}"
  .description
    %strong
      = template.title
    %br
    .text-muted
      = template.description
  .controls.d-flex.align-items-center
    = render Pajamas::ButtonComponent.new(button_options: { class: 'gl-mr-3', data: { track_label: "template_preview", track_property: template.name, track_action: "click_button", track_value: "" }, rel: 'noopener noreferrer' }, href: template.preview, target: '_blank') do
      = _("Preview")
    %label.btn.gl-button.btn-confirm.template-button.choose-template.gl-mb-0{ for: template.name,
      'data-testid': "use_template_#{template.name}" }
      %input{ type: "radio", autocomplete: "off", name: "project[template_name]", id: template.name, value: template.name, data: { track_label: "template_use", track_property: template.name, track_action: "click_button", track_value: "" } }
      %span{ data: { qa_selector: 'use_template_button' } }
        = _("Use template")
